<template>
	<view>
		<u-navbar title="商家"></u-navbar>
		<u-swiper :list="list" height="300"></u-swiper>
		<view class="zx_rz dis_f_l_c" style="width: 100%;">
			<view style="color: #ff9900;">最新入驻</view>
			<view style="width: 80%;">
				<u-notice-bar bg-color="none" :volume-icon="false" mode="vertical" :list="zx_rz"></u-notice-bar>
			</view>
		</view>	
		<view class="dis_f_c_c" style="background-color: #FFF;padding: 20rpx;">
			<view class="title dis_f_c_c">推荐商家</view>
		</view>
		<view class="list dis_f_sb_c">
			<view class="dis_f_l_c">
				<image src="../../static/logo.png" class="tx"></image>
				<view class="dis_f_co">
					<view class="name">济宁易购商城</view>
					<view>孔子商贸城</view>
				</view>
			</view>
			<view class="dis_f_co">
				
			</view>
		</view>
	</view>
</template>	

<script>
	export default {
		data() {
			return {
				list: [
					'http://ceshi.huijia366.cn/uploads/siteConfig/atlas/large/2022/03/21/16478275798852.jpg',
					'http://ceshi.huijia366.cn/uploads/siteConfig/atlas/large/2022/03/21/16478275863065.jpg',
					'http://ceshi.huijia366.cn/uploads/siteConfig/atlas/large/2022/03/21/16478275917738.jpg'
				],
				zx_rz:[
					'[03月25日]欢迎济宁逸动入驻',
					'[03月25日]欢迎济宁逸动1入驻'
				],
			};
		}
	}
</script>

<style lang="scss">
	.list{
		background-color: #fff;
		padding: 20rpx;
		width: 100%;
		border-bottom: 1rpx solid #eee;
		.tx{
			width: 120rpx;
			height:120rpx;
			margin-right: 10rpx;
		}
	}
	.title{
		width: 100%;
		font-size: 46rpx;
		font-weight: bold;
		background: url(../../static/icon/titleBg.png) no-repeat center;
	}
	.zx_rz{
		padding: 20rpx;
		background-color: #fff;
		image{
			width: 80rpx;
			height: 80rpx;
		}
	}
</style>
